/*
Template Name: News Magazine
File: Navigation CSS
Author: OS Templates
Author URI: http://www.os-templates.com/
Licence: <a href="http://www.os-templates.com/template-terms">Website Template Licence</a>
*/

#topnav
{
    /*display: block;     float: left;     width: 700px;     margin: 5px 0 0 0;     padding: 0;     list-style: none;*/
    list-style: none;
    position: relative;
    margin: 0 auto 0;
    display: block;
    width: 960px;
}

#topnav ul, #topnav li
{
    float: left;
    list-style: none;
    margin: 0;
    padding: 0;
}

#topnav li a:link, #topnav li a:visited, #topnav li a:hover
{
    display: block;
    margin: 0 35px 0 0;
    padding: 0;
    font-size: 14px;
    text-transform: uppercase;
    color: #059BD8;
    background-color: #F6F6F6;
}

.topbar ul li:visited, .topbar ul li:hover
{
}

.topbar ul li:visited, .topbar ul li:hover
{
    /*text-transform: uppercase;*/
    color: #059BD8;
    background-color: #00d191;
}

.sub-bar ul li:visited, .sub-bar ul li:hover
{
    color: #059BD8 !important;
    background-color: #00d191;
}


#topnav ul ul li a:link, #topnav ul ul li a:visited
{
    border: none;
}

#topnav li.last a
{
    margin-right: 0;
}

#topnav li a:hover, #topnav ul li.active a
{
    color: #666666;
    background-color: #F6F6F6;
}

#topnav li li a:link, #topnav li li a:visited
{
    width: 150px;
    float: none;
    margin: 0;
    padding: 7px 10px;
    font-size: 12px;
    font-weight: normal;
    color: #059BD8;
    background-color: #F6F6F6;
}

#topnav li li a:hover
{
    color: #FFFFFF;
    background-color: #059BD8;
}

#topnav li ul
{
    z-index: 9999;
    position: absolute;
    left: -999em;
    height: auto;
    width: 170px;
    border-left: 1px solid #059BD8;
    border-bottom: 1px solid #059BD8;
}

#topnav li ul a
{
    width: 140px;
}

#topnav li ul ul
{
    margin: -32px 0 0 0;
}

#topnav li:hover ul ul
{
    left: -999em;
}

#topnav li:hover ul, #topnav li li:hover ul
{
    left: auto;
}

#topnav li:hover
{
    position: static;
}

#topnav li.last a
{
    margin-right: 0;
}

/* ----------------------------------------------Column Navigation-------------------------------------*/

.column .subnav
{
    display: block;
    width: 280;
    padding: 0px;
    background-color: gainsboro;
    margin-bottom: 30px;
}

.voting
{
    background-color: #a2aaad;
}

.voting-bg1 {
    background-color: whitesmoke;    
}

.voting ul {
    list-style: none;
    margin: 0px;
    padding: 0px;    
}

.voting label
{
    cursor: pointer;
}

.voting .question
{
    font-weight: bolder;
    margin: 10px 0px 10px 5px;
    font-size: 16px;
}

.voting .result-box
{
    background-color: yellow;
    display: none;
}

.voting .vote-btn-box
{
    text-align: center;
    padding: 8px;
}

.voting .label-input {
    position: absolute;
}

.voting .label-anwser {
    margin: 0px 0px 10px 25px;    
}

.voting .vote-btn-box ul li
{
    display: inline;
}

.voting .vote-btn-box ul li input
{
    width: 100px;
    font: .93em 'RobotoMedium' , Arial, 'Helvetica Neue' , Helvetica, sans-serif;
    background: linear-gradient(to bottom, #4f758b 0%,#081f2c 50%,#00000c 100%);
    border: 0 none;
    color: #fff;
    padding: .44em 1em;
    text-transform: uppercase;
    white-space: nowrap;
    cursor: pointer
}

.voting .vote-btn-box ul li .view-result {
    background: linear-gradient(to bottom, #00d191 0%,#00ad77 100%);
}

.column .subnav h2
{
    font-size: 17px !important;
    font-weight: bold; /*font-family:Georgia, "Times New Roman", Times, serif;*/
    font-family: Arial, Helvetica, sans-serif;
    color: #ffffff;
    background-color: cadetblue;
    padding: 5px;
    margin: 0px;
}

.column .subnav ul
{
    margin: 0;
    padding: 0;
    list-style: none;
}

.column .subnav li
{
    margin: 0 0 3px 0;
    padding: 0;
}

.column .subnav ul ul, .column .subnav ul ul ul, .column .subnav ul ul ul ul, .column .subnav ul ul ul ul ul
{
    border-top: none;
    padding-top: 0;
}

.column .subnav a
{
    display: block;
    margin: 0;
    padding: 5px 10px 5px 20px; /*color:#666666;*/
    color: #000000;
    background: url("../images/blue_file.gif") no-repeat 10px center #F9F9F9;
    text-decoration: none;
    border-bottom: 1px none #666666;
}

.column .subnav a:hover
{
    color: #059BD8;
    background-color: #F9F9F9;
}

.column .subnav ul ul a, .column .subnav ul ul ul a, .column .subnav ul ul ul ul a, .column .subnav ul ul ul ul ul a
{
    background: url("../images/black_file.gif") no-repeat #F9F9F9;
}
.column .subnav ul ul a
{
    padding-left: 40px;
    background-position: 30px center;
}
.column .subnav ul ul ul a
{
    padding-left: 50px;
    background-position: 40px center;
}
.column .subnav ul ul ul ul a
{
    padding-left: 60px;
    background-position: 50px center;
}
.column .subnav ul ul ul ul ul a
{
    padding-left: 70px;
    background-position: 60px center;
}
